/*
 * @Author: xiaosihan 
 * @Date: 2024-01-20 07:40:21 
 * @Last Modified by: xiaosihan
 * @Last Modified time: 2024-01-20 08:24:10
 */


.state {
    position: absolute;
    left: 20px;
    bottom: 20px;
    color: #ffffff;
    display: inline-block;
    padding: 10px 0px 10px 20px;
    background: linear-gradient(90deg, rgba(0, 24, 34, .46) 0%, rgba(0, 22, 42, .93) 100%);
    border-radius: 6px;
    pointer-events: all;
    backdrop-filter: blur(10px);

    .state_item {
        color: #ffffff;
        margin-right: 20px;
        font-size: 20px;
        height: 20px;
        display: inline-block;
        line-height: 20px;

        .state_item_color {
            display: inline-block;
            width: 16px;
            height: 16px;
            background-color: #ffffff;
            border-radius: 4px;
            margin-left: 4px;
        }
    }

}